<!DOCTYPE html>
<html lang="en">
<head>
    <!-- META TAGS -->
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="robots" content="INDEX,FOLLOW" />
    <!-- MAIN HEAD -->
	<title><?php echo CHtml::encode($this->pageTitle ? $this->pageTitle . ' - ProjectName.' : ' - ProjectName'); ?></title>
    <link href="<?php echo Yii::app()->theme->baseUrl; ?>/css/bootstrap.css" rel="stylesheet" />
    <link href="<?php echo Yii::app()->theme->baseUrl; ?>/css/bootstrap-reset.css" rel="stylesheet" />
    <link href="<?php echo Yii::app()->theme->baseUrl; ?>/css/bootstrap-responsive.css" rel="stylesheet" />
    <link href="<?php echo Yii::app()->theme->baseUrl; ?>/css/bootstrap-responsive-reset.css" rel="stylesheet" />
    <link href="<?php echo Yii::app()->theme->baseUrl; ?>/css/style.css" rel="stylesheet" />
    
    <link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->theme->baseUrl; ?>/css/slider.css" media="screen" />		
	<script type="text/javascript" src="<?php echo Yii::app()->theme->baseUrl; ?>/js/jquery-1.7.js"></script>
	<script type="text/javascript" src="<?php echo Yii::app()->theme->baseUrl; ?>/js/jquery.themepunch.plugins.min.js"></script>			
    <script type="text/javascript" src="<?php echo Yii::app()->theme->baseUrl; ?>/js/jquery.themepunch.revolution.min.js"></script>			
	<script type="text/javascript" src="<?php echo Yii::app()->theme->baseUrl; ?>/js/jquery-ui-1.8.21.custom.min.js"></script>		
	<script type="text/javascript" src="<?php echo Yii::app()->theme->baseUrl; ?>/preview-nomal.js"></script>		
	<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->theme->baseUrl; ?>/css/settings.css" media="screen" />	
	<link href='http://fonts.googleapis.com/css?family=Share' rel='stylesheet' type='text/css' />
    
</head>
<body class="body-dark">

	<section class="wrapper">

		<!-- HEADER -->
		<section class="row-fluid container-header">
			<div class="container header">
				<div class="span4 logo">
					<a href="##">LUCA</a><span class="logo-dot"></span>
				</div>	
				<div class="span5 search">
					<form>
						<input type="text" placeholder="Your search starts here...">
					</form>
				</div>	
				<div class="span3 top-button">
					<a href="##" class="btn dark large">Sign In</a>
					<a href="##" class="btn blue large">Register</a>
				</div>	
			</div>
			
			<div class="clear"></div>
			<div class="container-menu">
				<div class="container main-menu">
					<ul>
						<li><a href="##" class="active">Home</a></li>
						<li><a href="##">Product</a>
							<ul class="menu-dropdown">
								<li><a href="##">Product 1 Product 1 Product 1</a></li>
								<li><a href="##">Product 2</a></li>
								<li><a href="##">Product 3</a></li>
								<li><a href="##">Product 4</a>
									<ul class="menu-dropdown">
										<li><a href="##">Product 1 Product 1 Product 1</a></li>
										<li><a href="##">Product 2</a></li>
										<li><a href="##">Product 3</a></li>
										<li><a href="##">Product 4</a></li>
									</ul>
								</li>
							</ul>
						</li>
						<li><a href="##">About</a></li>
						<li><a href="##">News</a>
							<ul class="menu-dropdown">
								<li><a href="##">News 1 News 1 News 1</a></li>
								<li><a href="##">News 2</a></li>
								<li><a href="##">News 3</a></li>
								<li><a href="##">News 4</a>
									<ul class="menu-dropdown">
										<li><a href="##">News 1 News 1 News 1</a></li>
										<li><a href="##">News 2</a></li>
										<li><a href="##">News 3</a></li>
										<li><a href="##">News 4</a></li>
									</ul>
								</li>
							</ul>
						</li>
						<li><a href="##">Page</a>
							<ul class="menu-dropdown">
								<li><a href="##">Page 1</a></li>
								<li><a href="##">Page 2</a></li>
								<li><a href="##">Page 3</a></li>
							</ul>
						</li>
						<li><a href="##">Career</a></li>
						<li><a href="##">Contact</a></li>
					</ul>
				</div>
			</div>
		</section><!--// HEADER  -->
		
		<div class="clear"></div>
		
		<!-- SLIDER -->
		<section class="row-fluid slider">
			<div class="container">
				<div class="bannercontainer responsive">					
					<div class="banner">
						<ul>	
							<!-- SLIDE LEFT -->
							<li data-transition="slideleft" data-slotamount="10" data-link="http://www.google.de" data-thumb="<?php echo Yii::app()->theme->baseUrl; ?>/images/thumbs/regular_thumb2.jpg"> 
								<img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/slides/image23.jpg" />
                                <div class="caption lft big_white" data-x="380" data-y="80" data-speed="900" data-start="1200" data-easing="easeOutBack">We Love Our Clients</div>	
                                <div class="caption lfb" data-x="250" data-y="130" data-speed="900" data-start="1700" data-easing="easeOutBack"><img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/slides/company1.png" /></div>			
                                <div class="caption lfb" data-x="450" data-y="130" data-speed="900" data-start="2000" data-easing="easeOutBack"><img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/slides/company2.png" /></div>					
                                <div class="caption lfb" data-x="650" data-y="130" data-speed="900" data-start="2300" data-easing="easeOutBack"><img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/slides/company3.png" /></div>
                                <div class="caption lfr medium_grey" data-x="330" data-y="340" data-speed="300" data-start="2600" data-easing="easeOutExpo">Need Help with your Project?</div>	
                                <div class="caption lfr medium_text" data-x="630" data-y="342" data-speed="300" data-start="2800" data-easing="easeOutExpo"><a href="#">Get in Touch</a></div>											
							</li>
							
							<!-- SLIDE LEFT -->
							<li data-transition="slideleft" data-slotamount="10" data-link="http://www.google.de" data-thumb="<?php echo Yii::app()->theme->baseUrl; ?>/images/thumbs/regular_thumb2.jpg"> 
								<img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/slides/image16.jpg" />
                                <div class="caption lft big_white" data-x="380" data-y="80" data-speed="900" data-start="1200" data-easing="easeOutBack">We Love Our Clients</div>	
                                <div class="caption lfb" data-x="250" data-y="130" data-speed="900" data-start="1700" data-easing="easeOutBack"><img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/slides/company1.png" /></div>			
                                <div class="caption lfb" data-x="450" data-y="130" data-speed="900" data-start="2000" data-easing="easeOutBack"><img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/slides/company2.png" /></div>					
                                <div class="caption lfb" data-x="650" data-y="130" data-speed="900" data-start="2300" data-easing="easeOutBack"><img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/slides/company3.png" /></div>
                                <div class="caption lfr medium_grey" data-x="330" data-y="340" data-speed="300" data-start="2600" data-easing="easeOutExpo">Need Help with your Project?</div>	
                                <div class="caption lfr medium_text" data-x="630" data-y="342" data-speed="300" data-start="2800" data-easing="easeOutExpo"><a href="#">Get in Touch</a></div>											
							</li>
							
							<!-- SLIDE DOWN -->
							<li data-transition="slidedown" data-slotamount="1" data-thumb="<?php echo Yii::app()->theme->baseUrl; ?>/images/thumbs/regular_thumb3.jpg"> 
								<img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/slides/image17.jpg" />	
                                <div class="caption sfb" data-x="0" data-y="380" data-speed="900" data-start="500" data-easing="easeOutBack"><img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/slides/floor.png" /></div>			
                                <div class="caption lfr" data-x="500" data-y="20" data-speed="700" data-start="800" data-easing="easeOutExpo"><img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/slides/dude1.png" /></div>		
                                <div class="caption lfr" data-x="550" data-y="20" data-speed="700" data-start="1000" data-easing="easeOutExpo"><img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/slides/girl1.png" /></div>	
                                <div class="caption lfl very_big_white" data-x="100" data-y="100" data-speed="300" data-start="1200" data-easing="easeOutExpo">GET THE</div>	
                                <div class="caption lfl very_big_white" data-x="100" data-y="160" data-speed="300" data-start="1300" data-easing="easeOutExpo">PARTY</div>	
                                <div class="caption lfl very_big_white" data-x="100" data-y="220" data-speed="300" data-start="1400" data-easing="easeOutExpo">STARTED</div>	
                                <div class="caption lfb big_white" data-x="100" data-y="300" data-speed="300" data-start="1500" data-easing="easeOutExpo"><a href="#">SIGN UP HERE</a></div>													
							</li>
							
							<!-- SLOTFADE HORIZONTAL -->
							<li data-transition="slotfade-horizontal" data-slotamount="20" data-thumb="<?php echo Yii::app()->theme->baseUrl; ?>/images/thumbs/regular_thumb4.jpg"> 
								<img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/slides/image18.jpg" />	
                                <div class="caption lft big_white" data-x="100" data-y="70" data-speed="1200" data-start="800" data-easing="easeOutBack">American Muscle Car</div>
                                <div class="caption lfl medium_grey" data-x="270" data-y="180" data-speed="900" data-start="1200" data-easing="easeOutExpo">4.6l V8 Engine</div>
                                <div class="caption lfr medium_grey" data-x="480" data-y="330" data-speed="900" data-start="1400" data-easing="easeOutExpo">20 inch Rims</div>									
							</li>
							
							<!-- SLIDE UP -->
							<li data-transition="slideup" data-slotamount="20" data-delay="25000" data-thumb="<?php echo Yii::app()->theme->baseUrl; ?>/images/thumbs/regular_thumb5.jpg"> 
								<img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/slides/image20.jpg" />		
                                <div class="caption lfb boxshadow" data-x="70" data-y="120" data-speed="900" data-start="500" data-easing="easeOutBack"><iframe src="http://player.vimeo.com/video/29298709?title=0&amp;byline=0&amp;portrait=0" width="460" height="259"></iframe></div>
                                <div class="caption sft big_black" data-x="550" data-y="120" data-speed="300" data-start="1200" data-easing="easeOutExpo">Video Support</div>	
                                <div class="caption sft big_white" data-x="550" data-y="157" data-speed="300" data-start="1300" data-easing="easeOutExpo">Vimeo Example</div>	
                                <div class="caption lfb medium_grey" data-x="550" data-y="210" data-speed="300" data-start="1400" data-easing="easeOutExpo">You can easily add</div>
                                <div class="caption lfb medium_grey" data-x="550" data-y="234" data-speed="300" data-start="1500" data-easing="easeOutExpo">Vimeo & Youtube Videos</div>
                                <div class="caption lfb medium_grey" data-x="550" data-y="258" data-speed="300" data-start="1600" data-easing="easeOutExpo">to your Slides</div>
							</li>
                            
                            <!-- SLOTZOOM VERTICAL -->
							<li data-transition="slotzoom-vertical" data-slotamount="14" data-delay="25000" data-thumb="<?php echo Yii::app()->theme->baseUrl; ?>/images/thumbs/regular_thumb6.jpg"> 
								<img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/slides/image22.jpg" />		
                                <div class="caption lft boxshadow" data-x="70" data-y="120" data-speed="900" data-start="500" data-easing="easeOutBack"><iframe src="http://www.youtube.com/embed/YHWkro9-e9Q?hd=1&amp;wmode=opaque&amp;controls=1&amp;showinfo=0" width="460" height="259"></iframe></div>
                                <div class="caption sft big_black" data-x="550" data-y="120" data-speed="300" data-start="1200" data-easing="easeOutExpo">Video Support</div>	
                                <div class="caption sft big_white" data-x="550" data-y="157" data-speed="300" data-start="1300" data-easing="easeOutExpo">Youtube Example</div>	
                                <div class="caption lfb medium_grey" data-x="550" data-y="210" data-speed="300" data-start="1400" data-easing="easeOutExpo">You can easily add</div>
                                <div class="caption lfb medium_grey" data-x="550" data-y="234" data-speed="300" data-start="1500" data-easing="easeOutExpo">Vimeo & Youtube Videos</div>
                                <div class="caption lfb medium_grey" data-x="550" data-y="258" data-speed="300" data-start="1600" data-easing="easeOutExpo">to your Slides</div>
							</li>
							
							<!-- CURTAIN 3 -->
							<li data-transition="curtain-3" data-slotamount="20" data-thumb="<?php echo Yii::app()->theme->baseUrl; ?>/images/thumbs/regular_thumb7.jpg"> 
								<img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/slides/image21.jpg" />	
                                <div class="caption lft" data-x="330" data-y="156" data-speed="900" data-start="500" data-easing="easeOutExpo"><img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/slides/burger.png" /></div>		
                                <div class="caption lft" data-x="450" data-y="18" data-speed="900" data-start="700" data-easing="easeOutExpo"><img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/slides/coke.png" /></div>			
                                <div class="caption sft big_orange" data-x="80" data-y="340" data-speed="900" data-start="1200" data-easing="easeOutBack">Serving you the Ultimate Slider</div>
                                <div class="caption sft medium_text black" data-x="85" data-y="385" data-speed="900" data-start="1300" data-easing="easeOutBack">Get Slider Revolution today!</div>																	
							</li>
							
							<!-- BOXFADE -->
							<li data-transition="boxfade" data-slotamount="5" data-thumb="<?php echo Yii::app()->theme->baseUrl; ?>/images/thumbs/regular_thumb1.jpg"> 		
								<img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/slides/image1.jpg" />																	
								<div class="caption lfb big_white" data-x="400" data-y="80" data-speed="900" data-start="1700" data-easing="easeOutBack">Kickstart Your Website</div>
								<div class="caption lft big_orange" data-x="400" data-y="117" data-speed="900" data-start="1900" data-easing="easeOutBack"><span style="font-weight:normal;">With</span><em> Slider Revolution</em></div>
								<div class="caption lfr medium_grey" data-x="510" data-y="190" data-speed="300" data-start="2500" data-easing="easeOutExpo">Unlimited Transitions</div>
                                <div class="caption sfl" data-x="510" data-y="230" data-speed="300" data-start="2600" data-easing="easeOutExpo"><img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/tiles/check.png" /></div>
                                <div class="caption lfr small_text" data-x="560" data-y="228" data-speed="300" data-start="2600" data-easing="easeOutExpo">Sliding, Fading, Slots, Box Transitions<br />
								<span style="color: #ffe400;">SLIDER REVOLUTION</span> has it all!</div>
								<div class="caption sfl" data-x="510" data-y="280" data-speed="300" data-start="2900" data-easing="easeOutExpo"><img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/tiles/check.png" /></div>
                                <div class="caption lfr small_text" data-x="560" data-y="287" data-speed="300" data-start="2900" data-easing="easeOutExpo">Responsive & Mobile Optimized</div>
                                <div class="caption sfl" data-x="510" data-y="330" data-speed="300" data-start="3200" data-easing="easeOutExpo"><img src="<?php echo Yii::app()->theme->baseUrl; ?>/images/tiles/check.png" /></div>
                                <div class="caption lfr small_text" data-x="560" data-y="328" data-speed="300" data-start="3200" data-easing="easeOutExpo">Customizable Navigation<br />Arrows, Bullets, Thumbs</div>
								<div class="caption sfb" data-x="560" data-y="380" data-speed="1000" data-start="3500" data-easing="easeOutBack"><a href="http://codecanyon.net/user/themepunch/portfolio?ref=themepunch" target="_blank" class="button red small">Don't you love this?</a></div>
							</li>
							
						</ul>		
						<div class="tp-bannertimer"></div>												
					</div>					
				</div>	
			</div>
		</section><!--// SLIDER -->
		
		<!-- CONTENT -->
		<section class="content" style="height: 1200px">
		
			<!-- SOLOGAN -->
			<div class="row-fluid sologan">
				<div class="sologan-inner">
					<h2>So let's get started with those features</h2>
					<p>There are many variations of Lorem Ipsum</p>
				</div>
			</div><!--// SOLOGAN  -->
			
			<div class="clear"></div>
			
			<!-- FEATURED -->
			<div class="row-fluid items-box">
			
				<div class="container">
					<div class="item-box">
						<div class="item-content">
							<div class="item-image">
								<img src="/upload/images/product/001.jpg">
							</div>
							<div class="item-info">
								<h3>Fully Layered PSDs</h3>
								<span>Vivamus nisl sapien, tincidunt non neque fermentum, pretium cursus elit vestibulum augue.</span>
							</div>
						</div>
					</div>
					<div class="item-box">
						<div class="item-content">
							<div class="item-image">
								<img src="/upload/images/product/002.jpg">
							</div>
							<div class="item-info">
								<h3>Fully Layered PSDs</h3>
								<span>Vivamus nisl sapien, tincidunt non neque fermentum, pretium cursus elit vestibulum augue.</span>
							</div>
						</div>
					</div>
					<div class="item-box">
						<div class="item-content">
							<div class="item-image">
								<img src="/upload/images/product/003.jpg">
							</div>
							<div class="item-info">
								<h3>Fully Layered PSDs</h3>
								<span>Vivamus nisl sapien, tincidunt non neque fermentum, pretium cursus elit vestibulum augue.</span>
							</div>
						</div>
					</div>
					<div class="item-box">
						<div class="item-content">
							<div class="item-image">
								<img src="/upload/images/product/004.jpg">
							</div>
							<div class="item-info">
								<h3>Fully Layered PSDs</h3>
								<span>Vivamus nisl sapien, tincidunt non neque fermentum, pretium cursus elit vestibulum augue.</span>
							</div>
						</div>
					</div>
				</div>
				
			</div><!--// FEATURED  -->
			<!-- FEATURED -->
			<div class="row-fluid items-box">
			
				<div class="container">
					<div class="item-box">
						<div class="item-content">
							<div class="item-image">
								<img src="/upload/images/product/001.jpg">
							</div>
							<div class="item-info">
								<h3>Fully Layered PSDs</h3>
								<span>Vivamus nisl sapien, tincidunt non neque fermentum, pretium cursus elit vestibulum augue.</span>
							</div>
						</div>
					</div>
					<div class="item-box">
						<div class="item-content">
							<div class="item-image">
								<img src="/upload/images/product/002.jpg">
							</div>
							<div class="item-info">
								<h3>Fully Layered PSDs</h3>
								<span>Vivamus nisl sapien, tincidunt non neque fermentum, pretium cursus elit vestibulum augue.</span>
							</div>
						</div>
					</div>
					<div class="item-box">
						<div class="item-content">
							<div class="item-image">
								<img src="/upload/images/product/003.jpg">
							</div>
							<div class="item-info">
								<h3>Fully Layered PSDs</h3>
								<span>Vivamus nisl sapien, tincidunt non neque fermentum, pretium cursus elit vestibulum augue.</span>
							</div>
						</div>
					</div>
					<div class="item-box">
						<div class="item-content">
							<div class="item-image">
								<img src="/upload/images/product/004.jpg">
							</div>
							<div class="item-info">
								<h3>Fully Layered PSDs</h3>
								<span>Vivamus nisl sapien, tincidunt non neque fermentum, pretium cursus elit vestibulum augue.</span>
							</div>
						</div>
					</div>
				</div>
				
			</div><!--// FEATURED  -->
			<!-- FEATURED -->
			<div class="row-fluid items-box">
			
				<div class="container">
					<div class="item-box">
						<div class="item-content">
							<div class="item-image">
								<img src="/upload/images/product/001.jpg">
							</div>
							<div class="item-info">
								<h3>Fully Layered PSDs</h3>
								<span>Vivamus nisl sapien, tincidunt non neque fermentum, pretium cursus elit vestibulum augue.</span>
							</div>
						</div>
					</div>
					<div class="item-box">
						<div class="item-content">
							<div class="item-image">
								<img src="/upload/images/product/002.jpg">
							</div>
							<div class="item-info">
								<h3>Fully Layered PSDs</h3>
								<span>Vivamus nisl sapien, tincidunt non neque fermentum, pretium cursus elit vestibulum augue.</span>
							</div>
						</div>
					</div>
					<div class="item-box">
						<div class="item-content">
							<div class="item-image">
								<img src="/upload/images/product/003.jpg">
							</div>
							<div class="item-info">
								<h3>Fully Layered PSDs</h3>
								<span>Vivamus nisl sapien, tincidunt non neque fermentum, pretium cursus elit vestibulum augue.</span>
							</div>
						</div>
					</div>
					<div class="item-box">
						<div class="item-content">
							<div class="item-image">
								<img src="/upload/images/product/004.jpg">
							</div>
							<div class="item-info">
								<h3>Fully Layered PSDs</h3>
								<span>Vivamus nisl sapien, tincidunt non neque fermentum, pretium cursus elit vestibulum augue.</span>
							</div>
						</div>
					</div>
				</div>
				
			</div><!--// FEATURED  -->
		
		</section><!--// CONTENT -->
		
		
		<!-- FOOTER -->
		<section>
		
		</section><!--// FOOTER -->
	</section>
	
	<script type="text/javascript">
				var tpj=jQuery;
				tpj.noConflict();
				tpj(document).ready(function() {
				if (tpj.fn.cssOriginal!=undefined)
					tpj.fn.css = tpj.fn.cssOriginal;

					tpj('.banner').revolution(
						{	
							delay:9000,												
							startheight:490,							
							startwidth:1005,

							onHoverStop:"on",
							hideThumbs:200,
							navigationType:"none",
							navigationStyle:"square",
							navigationArrows:"verticalcentered",

							touchenabled:"on",

							navOffsetHorizontal:0,
							navOffsetVertical:1,
							shadow:0,
							fullWidth:"off"
						});	
					});
			</script>
</body>
</html>

